<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../static/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../../static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/timeline/css/timeline.css">
</head>
<body>
<div class="container">
    <div class="row">
        <h2>开发历程</h2>
        <div class="timeline timeline-single-column">
            <span class="timeline-label">
                <span class="label label-primary">2019-06-06</span>
            </span>
            <div class="timeline-item">
                <div class="timeline-point timeline-point-success">
                    <i class="fa fa-money"></i>
                </div>
                <div class="timeline-event">
                    <div class="timeline-heading">
                        <h4>实现shiro踢除用户和仅能在一个地方登录</h4>
                    </div>
                    <div class="timeline-body">
                    </div>
                    <div class="timeline-footer">
                        <p class="text-right">2019-06-06 11:30</p>
                    </div>
                </div>
            </div>
            <span class="timeline-label">
                <span class="label label-primary">2019-02-02</span>
            </span>
            <div class="timeline-item">
                <div class="timeline-point timeline-point-success">
                    <i class="fa fa-money"></i>
                </div>
                <div class="timeline-event">
                    <div class="timeline-heading">
                        <h4>前端登录对用户名和密码加密，后端解密</h4>
                    </div>
                    <div class="timeline-body">
                        <p>采用DES加密，基于CryptoJS-v3.1.2插件前端加密</p>
                    </div>
                    <div class="timeline-footer">
                        <p class="text-right">2019-02-02 19:30</p>
                    </div>
                </div>
            </div>
            <span class="timeline-label">
                <span class="label label-primary">2019-02-01</span>
            </span>
            <div class="timeline-item timeline-item-arrow-sm">
                <div class="timeline-point timeline-point-primary">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event timeline-event-primary">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">新增SFTP/FTP</h3>
                        </div>
                        <div class="panel-body">
                            SFTP/FTP上传下载
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2019-02-01 11:03</p>
                        </div>
                    </div>
                </div>
            </div>
             <span class="timeline-label">
                <span class="label label-info">2019-01-31</span>
            </span>
            <div class="timeline-item">
                <div class="timeline-point timeline-point-success">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event timeline-event-success">
                    <div class="timeline-heading">
                        <h4>新增通过地址查询经纬度</h4>
                    </div>
                    <div class="timeline-footer primary">
                        <p class="text-right">2019-01-31 16:57</p>
                    </div>
                </div>
            </div>
             <span class="timeline-label">
                <span class="label label-info">2019-01-25</span>
            </span>
            <div class="timeline-item">
                <div class="timeline-point timeline-point-success">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event timeline-event-success">
                    <div class="timeline-heading">
                        <h4>完美解决textarea实时显示字符数和限制字符数</h4>
                    </div>
                    <div class="timeline-footer primary">
                        <p class="text-right">2019-01-25 16:57</p>
                    </div>
                </div>
            </div>

            <div class="timeline-item timeline-item-arrow-sm">
                <div class="timeline-point timeline-point-primary">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event timeline-event-primary">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">新增时间轴</h3>
                        </div>
                        <div class="panel-body">
                            新增时间轴，显示开发进度...
                        </div>
                        <div class="timeline-footer">
                            <p class="text-right">2019-01-25 15:36</p>
                        </div>
                    </div>
                </div>
            </div>

            <span class="timeline-label">
                        <span class="label label-primary">label</span>
                    </span>

            <div class="timeline-item timeline-item-arrow-sm">
                <div class="timeline-point timeline-point-primary">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event timeline-event-primary">
                    <table class="table table-striped table-hover">
                        <tr>
                            <th>timeline-event timeline-event-primary</th>
                            <th>with table table-stripped table-hover</th>
                        </tr>
                        <tr>
                            <td>cell</td>
                            <td>cell</td>
                        </tr>
                        <tr>
                            <td>cell</td>
                            <td>cell</td>
                        </tr>
                        <tr>
                            <td>cell</td>
                            <td>cell</td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="timeline-item">
                <div class="timeline-point">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event">
                    <div class="timeline-heading">
                        <h4>Timeline Event</h4>
                    </div>
                    <div class="timeline-body">
                        <p>Advenientibus aliorum eam ad per te sed. Facere debetur aut veneris accedens.</p>
                    </div>
                    <div class="timeline-footer">
                        <p class="text-right">Feb-22-2014</p>
                    </div>
                </div>
            </div>

            <span class="timeline-label">
                        <span class="label label-primary">label</span>
                    </span>

            <div class="timeline-item">
                <div class="timeline-point timeline-point-primary">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event timeline-event-primary">
                    <div class="timeline-heading">
                        <h4>Timeline Event</h4>
                    </div>
                    <div class="timeline-body">
                        <p>Volvitur ingreditur id ait mea vero cum autem quod ait Cumque ego illum vero cum unde beata. Commendavi si non dum est in. Dionysiadem tuos ratio puella ut casus, tunc lacrimas effunditis magister cives Tharsis. Puellae addita verbaque' capellam sanctissima quid, apollinem existimas filiam rex cum autem quod tamen adnuente rediens eam est se in. Peracta licet ad nomine Maria non ait in modo compungi mulierem volutpat.</p>
                    </div>
                    <div class="timeline-footer">
                        <p class="text-right">Feb-27-2014</p>
                    </div>
                </div>
            </div>

            <div class="timeline-item">
                <div class="timeline-point timeline-point-warning">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event timeline-event-warning">
                    <div class="timeline-heading">
                        <h4>Timeline Event</h4>
                    </div>
                    <div class="timeline-body">
                        <p>Adfertur guttae sapientiae ducitur est Apollonius ut a a his domino Lycoridem in lucem. Theophile atque bona dei cenam veniebant est cum. Iusto opes mihi Tyrum in modo compungi mulierem ubi augue eiusdem ordo quos vero diam omni catervis famulorum. Bene dictis ut diem finito servis unde.</p>
                    </div>
                    <div class="timeline-footer">
                        <p class="text-right">Mar-01-2014</p>
                    </div>
                </div>
            </div>

            <div class="timeline-item">
                <div class="timeline-point timeline-point-success">
                    <i class="fa fa-star"></i>
                </div>
                <div class="timeline-event timeline-event-success">
                    <div class="timeline-heading">
                        <h4>Timeline Event</h4>
                    </div>
                    <div class="timeline-body">
                        <p>Crede respiciens loco dedit beneficio ad suis alteri si puella eius in. Acceptis codicello lenonem in deinde plectrum anni ipsa quod eam est Apollonius.</p>
                    </div>
                    <div class="timeline-footer primary">
                        <p class="text-right">Mar-02-2014</p>
                    </div>
                </div>
            </div>

            <span class="timeline-label">
                        <span class="label label-info">label</span>
                    </span>

            <div class="timeline-item">
                <div class="timeline-point timeline-point-blank">
                </div>
                <div class="timeline-event">
                    <div class="timeline-heading">
                        <h4>Timeline Event</h4>
                    </div>
                    <div class="timeline-body">
                        <p>Crede respiciens loco dedit beneficio ad suis alteri si puella eius in. Acceptis codicello lenonem in deinde plectrum anni ipsa quod eam est Apollonius.</p>
                    </div>
                    <div class="timeline-footer primary">
                        <p class="text-right">Mar-02-2014</p>
                    </div>
                </div>
            </div>

            <span class="timeline-label">
                        <button class="btn btn-danger"><i class="fa fa-ambulance"></i></button>
                    </span>
        </div>
    </div>
</div>
</div>
</body>
</html>